<template>
  <default-layout>
    <header-back text="党员缴费" slot="header"></header-back>
    <div slot="main" class="apply-success">
      <div class="top">
        <div class="icon icon-success">
          <i class="xffont xf-duigou"></i>
        </div>
        <span class="title">支付成功</span>
        <p>您已支付成功并完成缴费</p>
      </div>
      <div class="list">
        <mt-cell is-link to="javascript:;" @click.native="record">
          <span class="left-tip" slot="icon">您可以</span>
          <span class="list-content">查看缴费信息</span>
        </mt-cell>
        <!--<mt-cell is-link to="tel:18236698270">
          <span class="list-content">打印发票</span>
        </mt-cell>-->
      </div>
    </div>
  </default-layout>
</template>
<script>

  import HeaderBack from '../../../components/header-back/header-back.vue'
  import DefaultLayout from '../../../layouts/default-layout/default-layout'

  export default {
    components: {DefaultLayout, HeaderBack},
    name: 'roll-in-success',
    data() {
      return {}
    },
    methods: {
      record() {
        this.$router.push({
          name: 'myPay',
          params: {
            id: this.$route.query.type === 'party' ? '00' : '01'
          }
        })
      }
    }
  }
</script>
<style lang="scss" scoped>
  @import "../../../common/style/variable";
</style>
